<!DOCTYPE html>
<html>
  <head>
    <meta name="layout" content="layoutwithoutmap">
  </head>
  <body>
  	<div>
      <div class="pagewrapper" style="position: relative;;font-family: wf_SegoeUI,Tahoma,Verdana,Arial,sans-serif;background-color: white;">
		<img src="${resource(dir: 'images', file: 'edit.png')}" style="height:40px;z-index:20;top:10px;position:absolute;left:8%;">
		<a class="a-add-place-nhieu" style="height:40px;width:50% ;z-index:20;text-decoration: none;cursor:default;font-size: 250%;font-weight: bold;left:0%">EDIT PLACE</a>
		<div class="div-add-place-nhieu" style="">
			<div  id="app-bt-tab1-o" class="div-open-add-place-nhieu" style="left:5%;display:none;">
				<a class="a-add-place-nhieu" style="text-decoration: none;cursor:default;" >Basic Information</a>
			</div>
			<div id="app-bt-tab1-c" class="div-close-add-place-nhieu" style="left:5%;">
				<a class="a-add-place-nhieu" style="text-decoration: none;cursor:default;" >Basic Information</a>
			</div>
			
			<div id="app-bt-tab2-o" class="div-open-add-place-nhieu" style="left:15.2%;">
				<a class="a-add-place-nhieu" style="text-decoration: none;cursor:default;" >Feature</a>
			</div>
			<div id="app-bt-tab2-c" class="div-close-add-place-nhieu" style="left:15.2%;display:none;">
				<a class="a-add-place-nhieu" style="text-decoration: none;cursor:default;" >Feature</a>
			</div>
			<div id="app-bt-tab3-o" class="div-open-add-place-nhieu" style="left:25.4%;">
				<a class="a-add-place-nhieu" style="text-decoration: none;cursor:default;" >Image</a>
			</div>
			<div id="app-bt-tab3-c" class="div-close-add-place-nhieu" style="left:25.4%;display:none;">
				<a class="a-add-place-nhieu" style="text-decoration: none;cursor:default;" >Image</a>
			</div>
		</div>
		
		<g:uploadForm action="doEditPlace">
		<input name="placeid" type="hidden" value='${place.id}'/>
		<div id="app-taber1" class="taber-add-place-nhieu" style=" ">			  <%-- Tab 1 --%>
				<div style="width:80%; height:430px;position:absolute;z-index:10;top:30px;left:15%;">
					<div class="div-row-add-place2" style="top:10px;">
						<a class="label-add-place" style="">Address:</a>
						<input type="text" name="tfaddress" id="address" class="tf-add-place" style="" value='${place.address}'>
					</div>
					<div class="div-row-add-place2" style="top:56px;">
						<a class="label-add-place" style="">City:</a>
						<div class="tf-add-place" style="width: 50.44%">
						<g:select class="cbb-add-place" from="${cities}" name="city" value="" optionKey="id" optionValue="cityName" />
						</div>
					</div>
					
					<div class="div-row-add-place2" style="top:102px;">
						<a class="label-add-place" style="">District:</a>
						<div class="tf-add-place" style="width: 50.44%">
							<g:select class="cbb-add-place" from="${districts}" name="district" value="${place.district.id}" optionKey="id" optionValue="districtName" />
						</div>
					</div>
					<div class="div-row-add-place2" style="top:148px;">
						<a class="label-add-place" style="">Price:</a>
						<input type="text" name="tfprice" class="tf-add-place" style="" value='${place.price}'>
					</div>
					<div class="div-row-add-place2" style="top:194px;">
						<a class="label-add-place" style="">Buy or Rent:</a>
						<div class="tf-add-place" style="width: 50.44%">
						<select class="cbb-add-place" id="cbbbr" name="cbbbr" style="">
							<option style="">---Choose One---</option>
							<g:if test="${place.buyOrRent  == true	}">
								<option selected>Buy</option>
								<option>Rent</option>
							</g:if>
							<g:else>
								<option>Buy</option>
								<option selected>Rent</option>
							</g:else>
						</select>
					</div>
				</div>
				
				<div class="div-row-add-place2" style="top:240px;">
					<a class="label-add-place" style="">Description:</a>
					<textarea rows="4" cols="29" name="tadescrip" class="tf-add-place style-scrollbar" id="tf-add-place" style="height: 80px;width: 46.5%;">
					${place.description}
					</textarea>
				</div>
				<div class="div-open-add-place-nhieu" id="app-bt-next1" style="height:30px;width:8%; top: 370px;left:70% ;background-color: #00A4D3">
					<a class="a-add-place-nhieu"  style="text-decoration: none;cursor:default;top: 7px;color: white" >Next Step</a>
				</div>
				<div class="div-open-add-place-nhieu" id="app-bt-return" style="height:30px;width:12%; top: 370px;left:55% ;background-color: #00A4D3">
					<a class="a-add-place-nhieu" style="text-decoration: none;cursor:default;top: 7px;color: white" >Return to Main Page</a>
				</div>
			</div>
		</div>
		
		<div id="app-taber2" class="taber-add-place-nhieu" style="display:none; ">
			<div style="width:80%; height:430px;position:absolute;z-index:10;top:30px;left:5%;">
				<div class="div-row-add-place2" style="top:10px;">
					<a class="label-add-place" style="">Type:</a>
					<div class="tf-add-place" style="width: 50.44%">
						<g:select class="cbb-add-place" from="${types}" name="type" value="${place.propertytype.id }" optionKey="id" optionValue="namePropertyType" value="${true}" />
					</div>
				</div>
				
				<div class="div-row-add-place2" style="top:10px;left: 60%;width: 50%">
					<a class="label-add-place" style="">Image:</a>
					<input type="file" name="image" class="tf-add-place"  style="width: 40%; background-color: #C4C4C4;top:3px;">
				</div>
				<div class="div-row-add-place2" style="top:56px;">
					<a class="label-add-place" style="">Bed Room:</a>
					<input type="text" name="tfbedroom" class="tf-add-place" style="" value='${place.bed}'>
				</div>
				<div class="div-row-add-place2" style="top:102px;">
					<a class="label-add-place" style="">Bath Room:</a>
					<input type="text" name="tfbathroom" class="tf-add-place" style=""value='${place.bath}'>
				</div>
								
				<div class="div-row-add-place2" style="top:148px;">
					<a class="label-add-place" style="">More Feature:</a>					
					<div class="tf-add-place" style="height: 200px">
						<g:each in="${myFeatures}" var="myfeature">
                        	<g:checkBox name="listfeature" value="${myfeature.id}" checked="true"/>
                        	<span class="styleforfeature">${myfeature.nameFeature}<br/></span>
                        </g:each>
						
						<g:each in="${otherFeatures}" var="otherfeature">
							<g:checkBox name="listfeature" value="${otherfeature.id}" checked="false"/>
							<span class="styleforfeature">${otherfeature.nameFeature}<br/></span>
                        </g:each>
					</div>
					
				</div>
				<div class="div-open-add-place-nhieu" id="app-bt-next2" style="height:30px;width:10%; top: 370px;left:80% ;background-color: #00A4D3;">
					<a class="a-add-place-nhieu"  style="text-decoration: none;cursor:default;top: 7px;color: white" >Skip or Next</a>
				</div>
				<div class="div-open-add-place-nhieu" id="app-bt-back2" style="height:30px;width:8%; top: 370px;left:69% ;background-color: #00A4D3">
					<a class="a-add-place-nhieu" style="text-decoration: none;cursor:default;top: 7px;color: white" >Back</a>
				</div>
			</div>
		</div>
		<div id="app-taber3" class="taber-add-place-nhieu" style="display:none; ">
			<div style="width:60%; height:200px;position:absolute;z-index:10;top:30px;left:10%;">
				<div class="div-row-add-place2" style="top:20px;width: 80%;">
						<a class="label-add-place" style="">Name Contact:</a>
						<input type="text" name="tfnamect" class="tf-add-place" style="left:40%;" value="${place.contact.nameContact}">
				</div>
				<div class="div-row-add-place2" style="top:80px;width: 80%;">
						<a class="label-add-place" style="">Email Contact:</a>
						<input type="text" name="tfemailct" class="tf-add-place" style="left:40%;" value="${place.contact.emailContact}">
				</div>
				<div class="div-row-add-place2" style="top:140px;width: 80%;">
						<a class="label-add-place" style="">Phone Contact:</a>
						<input type="text" name="tfphonect" class="tf-add-place" style="left:40%;" value="${place.contact.phoneContact}">
				</div>
			</div>
			<div style="width:80%; height:200px;position:absolute;z-index:10;top:230px;left:10%;">
				<a class="label-add-place" style="left:3.5%;top:15px;">Image and Contact</a>	
			 	<input name="files1" class="tf-add-place" type="file" style="width: 30%; background-color: #C4C4C4;top:20px;left: 28%;" />
				<input name="files2" class="tf-add-place" type="file" style="width: 30%; background-color: #C4C4C4;top:80px;left: 28%;" />
				<input name="files3" class="tf-add-place" type="file" style="width: 30%; background-color: #C4C4C4;top:140px;left: 28%;" />
				<input type="submit" value="Finish"  style="height:30px;width:10%; top: 170px;left:74% ;background-color: #00A4D3;z-index:10;position:absolute;" >
				<div class="div-open-add-place-nhieu" id="app-bt-back3" style="height:30px;width:8%; top: 170px;left:62% ;background-color: #00A4D3">
					<a class="a-add-place-nhieu" style="text-decoration: none;cursor:default;top: 7px;color: white" >Back</a>
				</div>
			</div>
		</div>
	</g:uploadForm>
	</div>
    </div>
  </body>
</html>